<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <meta name="theme-color" content="#fff" />
    <link rel="shortcut icon" href="/favicon.jpg" />
    <title>10喵喵的世界</title>
    <link rel="stylesheet" href="//oss.10miaomiao.cn/libs/atom-one-light.css" />
    <script src="//oss.10miaomiao.cn/libs/highlight.pack.js"></script>
    <style id="loading-style">
      :root {
        --sk-size: 48px;
        --sk-color: #66ccff;
      }
      .loading {
        margin: 0 auto;
        margin-top: 40vh;
        width: var(--sk-size);
        height: var(--sk-size);
      }
      .sk-chase {
        width: var(--sk-size);
        height: var(--sk-size);
        position: relative;
        animation: sk-chase 2.5s infinite linear both;
      }
      .sk-chase-dot {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        animation: sk-chase-dot 2s infinite ease-in-out both;
      }
      .sk-chase-dot:before {
        content: "";
        display: block;
        width: 25%;
        height: 25%;
        background-color: var(--sk-color);
        border-radius: 100%;
        animation: sk-chase-dot-before 2s infinite ease-in-out both;
      }
      .sk-chase-dot:nth-child(1) {
        animation-delay: -1.1s;
      }
      .sk-chase-dot:nth-child(2) {
        animation-delay: -1s;
      }
      .sk-chase-dot:nth-child(3) {
        animation-delay: -0.9s;
      }
      .sk-chase-dot:nth-child(4) {
        animation-delay: -0.8s;
      }
      .sk-chase-dot:nth-child(5) {
        animation-delay: -0.7s;
      }
      .sk-chase-dot:nth-child(6) {
        animation-delay: -0.6s;
      }
      .sk-chase-dot:nth-child(1):before {
        animation-delay: -1.1s;
      }
      .sk-chase-dot:nth-child(2):before {
        animation-delay: -1s;
      }
      .sk-chase-dot:nth-child(3):before {
        animation-delay: -0.9s;
      }
      .sk-chase-dot:nth-child(4):before {
        animation-delay: -0.8s;
      }
      .sk-chase-dot:nth-child(5):before {
        animation-delay: -0.7s;
      }
      .sk-chase-dot:nth-child(6):before {
        animation-delay: -0.6s;
      }
      @keyframes sk-chase {
        100% {
          transform: rotate(360deg);
        }
      }
      @keyframes sk-chase-dot {
        80%,
        100% {
          transform: rotate(360deg);
        }
      }
      @keyframes sk-chase-dot-before {
        50% {
          transform: scale(0.4);
        }
        100%,
        0% {
          transform: scale(1);
        }
      }
    </style>
    <script>
      window.routerBase = "/";
    </script>
    <script>
      //! umi version: 3.2.19
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
    <script src="./blog/umijs/umi.js"></script>
  </body>
</html>
